<template>
     <div class="formDesign" style="">
          <transition name="el-fade-in-linear">
             <div v-show="show" class="transition-box" @click="goToDesgin">表单设计</div>
          </transition>
    </div>
</template>

<script lang="ts">
import { Component, Prop, Vue } from 'vue-property-decorator';
@Component
export default class ToDoList extends Vue {
     /* eslint-disable */
     @Prop() private params!: string;
     private show:boolean=true;
     async created(){
         
     }

     goToDesgin(){
          window.open('/formCreate');
     }

}
</script>
<style lang="less">
     .formDesign{
          display: flex; 
          height: 100%;
          width: 100%;
          justify-content: center;
           align-items: center;
          .transition-box {
               width: 120px;
               height: 50px;
               text-align: center;
               padding: 15px 20px;
               box-sizing: border-box;
               margin-right: 20px;
               cursor: pointer;
               border-radius: 10%;
               border: 1px solid silver;
               background-color: #3b4e68;
               color: wheat;
          }
     }
</style>
